.ruleContent {
    margin-bottom: 100px;
    .title {
        font-size: 36px;
        color: #EF342E;
        text-align: center;
        margin-top: 70px;
        margin-bottom: 30px;
        position: relative;
        //
        &:before {
            content: '';
            //          position: absolute;
            left: 0;
            top: 0;
            height: 1px;
            width: 240px;
            display: inline-block;
            background: #EF342E;
            margin-right: 15px;
            vertical-align: 11px;
        }
        &:after {
            content: '';
            //          position: absolute;
            left: 0;
            top: 0;
            height: 1px;
            width: 240px;
            display: inline-block;
            background: #EF342E;
            margin-left: 12px;
            vertical-align: 11px;
        }
    }
    .content {
        font-size: 18px;
        color: #999999;
        position: relative;
        padding: 60px;
        //
        &:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            border: 15px solid #FFE7E7;
            width: 100%;
            height: 100%;
        }
        &:after {
            content: '';
            position: absolute;
            left: 15px;
            top: 15px;
            border: 2px solid #EF342E;
            @include calc(width, calc(100% - 30px));
            @include calc(height, calc(100% - 30px));
        }
        //
        &>p {
            font-size: 18px;
            color: rgb(153, 153, 153);
            line-height: 1.944;
            text-align: justify;
            text-justify: inter-ideograph;
        }
    }
}